<!-- 
  可分页、可筛选的列表
 -->
<template>
  <div class="inputs">
    <template v-for="(item, index) in inputConfigs" :key="index">
      <el-select v-if="item.isSelect" v-model="form[index]" />
      <el-input v-else-if="(typeof item === 'string')" v-model="form[index]" />
      <el-input-number v-else-if="(typeof item === 'number')" v-model="form[index]" />
    </template>
  </div>
  <StdTable />
</template>
<script setup lang="ts">
import { reactive, ref } from 'vue';

const props = defineProps({
  updateCallback: Function,
  inputConfigs: Array<InputConfigItem>,
})
const initialData: Array<any> = [];

if (props.inputConfigs) {
  for (const iterator of props.inputConfigs) {
    initialData.push(iterator.initialValue);
  }
}

const form = reactive(initialData);

console.log(form);
</script>